﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" EnableEventValidation="false" ViewStateEncryptionMode="Never" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Mr.Mix's MicPic</title>
    <style type="text/css">
        .style1
        {
            height: 210px;
            width: 783px;
        }
        /* Tutorial button with jQuery */
        .otherbutton {
	        clear: both;
	        display:block;
	        height: 64px;
	        width: 570px;
	        background:url(7460.png) top no-repeat;
	        background-position:top;
        }	
        .otherbutton span.hover 
        {
            clear: both;   
	        display: block;
	        height: 64px;
	        background:url(7461.png) bottom no-repeat;
	        background-position:top;
        }
    .button_face
    {
        position:relative;
            height: 135px;
            width: 270px;
            top: -2px;
            left: -7px;
        }

    .button_face2
    {
        position:relative;
        left:0px;
        top:-7px;
        height:148px;
        width:297px;
    }
    .divclass
    {
        position:absolute;
    }
    .frameclass
    {
        margin-left:170px;
        margin-top:70px;
    }
        
        .divclass
        {
            position:absolute;
            z-index:-7;
        }
        .style26
        {
            height: 60px;
        }
        .style28
        {
            width: 688px;
            height: 143px;
        }
        .style29
        {
            height: 143px;
        }
        .style39
        {
            height: 487px;
        }
        .style46
        {
            height: 60px;
            width: 783px;
        }
        </style>
    <script type="text/javascript" src="jquery-1.6.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.otherbutton,.homebutton,.downloadbutton,.donatebutton').append('<span class="hover"></span>').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    $span.stop().fadeTo(500, 1);
                }, function () {
                    $span.stop().fadeTo(500, 0);
                });
            });
        });
    </script>
</head>
<body bgcolor=gray >
    <form id="form1" runat="server">
        <br />
        <asp:Image ID="ImageBack" runat="server" style="position:absolute; left:1000px; z-index:-10; top: 0px; right: 15px;" 
            ImageUrl="webimg/back.png"/>
        <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0" >
            <asp:View ID="welcom0" runat="server" >
                <div class = frameclass>
                        <asp:Image ID="Image3" runat="server" ImageUrl="~/webimg/facelogo.png" />

                        <br />
                        <br />

                        <div style="width: 854px; height: 145px;">
                            <div style=" float:left; width:300px">
                                <asp:ImageButton ID="Bn_New" runat="server" CssClass="button_face" 
                                    ImageUrl="~/webimg/bn_nm1.png" onclick="Bn_New_Click" 
                                    onmouseout="this.className='button_face'" 
                                    onmouseover="this.className='button_face2'" />
                            </div>
                            <div style="float:left;width:300px">
                                <asp:ImageButton ID="Bn_Result" runat="server" CssClass="button_face" 
                                    ImageUrl="~/webimg/bn_nm2.png" onclick="Bn_Result_Click" 
                                    onmouseout="this.className='button_face'" 
                                    onmouseover="this.className='button_face2'" Visible="False" />
                            </div>
                        </div>
                </div>
            </asp:View>


            <asp:View ID="upload_1" runat="server" onload="upload_1_Load" 
                onactivate="upload_1_Activate">
                
            <div class=frameclass>
                <table>
                <tr>
                    <td class="style46">
                        <p style="margin-left:140px">
                            上传一张你自己的照片，参与合成 
                        </p>
                    </td>
                    
                </tr>
                <tr>
                    <td class="style1">
                    <div style="position:relative; top: 0x; left: 80px; height: 528px; width: 429px;">
                        <div style="position:absolute; z-index:1; top:0; left:0">
                            <asp:Image ID="Image1" runat="server" ImageUrl="/webimg/frame420520.png" />
                        </div>
                        <div style="position:absolute; top: 419px; left: 120px; z-index:4">
                            <asp:FileUpload ID="FileUpload1" runat="server" Font-Names="微软雅黑" Height="22px" 
                                onchange="On_Fileupload_Change" Width="219px" />
                        </div>
                        <div style="position:absolute; margin-top:10px; margin-left:10px; z-index:1">
                            <asp:Image ID="Image2" runat="server" ImageUrl="/webimg/qphoto.png" 
                                Height="500px" Width="398px" />
                        </div>
                    </div>
                        <div style="position:relative; width:800px;  left: 0px; top: 0px; text-align: center;">
                        
                            <div style="float:left; width:300px">
                                <asp:ImageButton ID="bn_upload" runat="server" CssClass="button_face" 
                                    ImageUrl="~/webimg/bn_upload.png" onclick="Bn_Upload_Click" 
                                    onmouseover="this.className='button_face2'"
                                    onmouseout="this.className='button_face'"
                                        />
                            </div>
                            <div style="float:left; width:300px">
                                <asp:ImageButton ID="bn_skip" runat="server" CssClass="button_face" 
                                    ImageUrl="~/webimg/bn_oldphoto.png" onclick="Bn_Skip_Click" 
                                    onmouseover="this.className='button_face2'"
                                    onmouseout="this.className='button_face'" Visible="False"
                                        />
                            </div>
                        </div>
                    </td>
                </tr>
                </table>
            </div>
       
                
          </asp:View>

            <asp:View ID="uploadSuccess_2" runat="server" 
                onactivate="uploadSuccess_2_Activate">

                <div class=frameclass>
                    <table>
                    <tr>
                        <td class="style26">
                            &nbsp;</td>
                        
                    </tr>
                    <tr>                    
                        <td>
                        <div style="position:relative; top: 0px; left: 80px; height: 528px; width: 429px;">
                            <div style="position:absolute; z-index:1; top:0; left:0">
                                <asp:Image ID="Image30" runat="server" ImageUrl="/webimg/frame420520.png" />
                            </div>
                            <div style="position:absolute; margin-top:10px; margin-left:10px">
                                <asp:Image ID="Image4" runat="server" ImageUrl="/webimg/qphoto.png" 
                                    Height="500px" Width="400px" />
                            </div>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="style28">
                            <div style="margin-left:170px">
                            <asp:ImageButton ID="bn_next" runat="server" CssClass="button_face" 
                                    ImageUrl="~/webimg/bn_next.png" OnClick="On_Bn_Next_Click" 
                                    onmouseout="this.src='webimg/bn_next.png';" 
                                    onmouseover="this.src='webimg/bn_mouth.png';" />    
                            </div>
                        </td>
                        <td class="style29">
                            &nbsp;</td>
                    </tr>
                    </table>
                </div>

            </asp:View>
        <asp:View ID="select_3" runat="server" onactivate="select_3_Activate" 
                onload="select_3_Load">
        <div class=frameclass>


                    项目名称 :<asp:TextBox ID="TextBoxProjectName" runat="server" Width="288px"></asp:TextBox>

                    <br />

                    <div style ="overflow:auto; width:548px; height:445px;">
                        <asp:CheckBoxList ID="CheckBoxList1" runat="server" autopostback="false" 
                            Width = "327px" Height="63px" RepeatColumns="3" CellPadding="1" 
                            CellSpacing="1">
                        </asp:CheckBoxList>
                    </div>

                    <div style="overflow:auto; width:300px; height:250px; position:absolute; top: 1888px; left: 831px;">
                        <asp:CheckBoxList ID="CheckBoxList3" runat="server" autopostback="false" 
                            Width="100px" Visible="False">
                        </asp:CheckBoxList>
                        
                    </div>

                    <div style="overflow:auto; width:300px; height:250px; position:absolute; top: 1797px; left: 860px;">
                            <asp:CheckBoxList ID="CheckBoxList2" runat="server" autopostback="false" 
                                Visible="False" Width="100px">
                            </asp:CheckBoxList>
                        </div>

                    <div style="margin-left:170px">
                            <asp:ImageButton ID="bn_generate" runat="server" CssClass="button_face" 
                                ImageUrl="~/webimg/bn_generate.png" OnClick="Bn_Generate_Click" 
                                onmouseout="this.src='webimg/bn_generate.png';" 
                                onmouseover="this.src='webimg/bn_mouth.png';" />
                    </div>

        </table>
       </div>

    </asp:View>

    <asp:View ID="result_4" runat="server" onactivate="result_4_Activate">
    <div class=frameclass>
        <div>
            <div style="position:absolute">
                <asp:Image ID="Image5" runat="server" ImageUrl="/webimg/frame420520.png" />
            </div>
            <div style="margin-left:10px;margin-top:10px">
                <asp:Image ID="ImageResult" runat="server" ImageUrl="/webimg/qphoto.png" />
            </div>
        </div>
        <div style="margin-top:50px">
                <asp:ImageButton ID="bn_share" runat="server" CssClass="button_face" 
                    ImageUrl="~/webimg/bn_share.png" OnClick="Button_share_Click" 
                    onmouseout="this.src='webimg/bn_nm.png';" 
                    onmouseover="this.src='webimg/bn_mouth.png';" />
        </div>
    </div>   
    </asp:View>
    <asp:View ID="ProjCust5" runat="server" onactivate="View5_Activate">



                <div class=frameclass>
                    <asp:Label ID="Label1" runat="server" Font-Names="黑体" Font-Size="XX-Large" 
                        Text="选择一个项目：" ForeColor="White"></asp:Label>
                    <br />
                    <br />
                    <asp:ListBox ID="ListBoxProjCus" runat="server"></asp:ListBox>
                    <asp:ListBox ID="ListBoxProjNames" runat="server" Visible="False"></asp:ListBox>
                    <br />
                    <asp:ImageButton ID="bn_next2" runat="server" CssClass="button_face" 
                        ImageUrl="~/webimg/bn_next.png" OnClick="Button_Next2_Click" 
                        onmouseout="this.src='webimg/bn_next.png';" 
                        onmouseover="this.src='webimg/bn_mouth.png';" />
                </div>

    </asp:View>
            <asp:View ID="View6" runat="server" onactivate="View6_Activate">

            <div class=frameclass>
                <table>
                    <tr>
                        <td class="style39" 
                            style="font-family: 宋体, Arial, Helvetica, sans-serif; font-size: 26px; color: #FFFFFF">
                            <br />
                        您的合成计划已经创建完毕！<br /> 
                        <br />
                        目前还需等待所有涉及到的好友全部上传自己的照片。<br /> 
                        <br />
                        我们会在合成工作完成之后立即向您发送通知。<br /> 
                            <br />
                            请关注您主页上的“提醒”栏。<br /> <br />
                        </td>
                        <td class="style39"></td>
                    </tr>
                </table>
            </div>
            
        
                
            </asp:View>

            <asp:View ID="AdminView7" runat="server" onactivate="AdminView6_Activate" 
                onload="AdminView6_Load">
                <div>
                    <asp:Button ID="ButtonNext" runat="server" onclick="ButtonNext_Click" 
                        Text="Generate" />
                    <asp:Button ID="ButtonRewrite" runat="server" onclick="ButtonRewrite_Click" 
                        Text="Rewrite" />
                    <asp:Button ID="ButtonFinish" runat="server" onclick="ButtonFinish_Click" 
                        Text="Finish!!!" />
                </div>
                <asp:Button ID="Button1" runat="server" onclick="Button1_Click2" 
                    Text="Button" />
                <asp:ListBox ID="ListBox_admin" runat="server" Height="194px" Width="341px" 
                    onselectedindexchanged="ListBox_admin_SelectedIndexChanged">
                </asp:ListBox>
                <asp:ListBox ID="ListBoxProjNameAdmin" runat="server"></asp:ListBox>
                <br />
                <br />
                <asp:CheckBoxList ID="CheckBoxList_admin" runat="server">
                </asp:CheckBoxList>
                <asp:CheckBoxList ID="CheckBoxList_UID" runat="server">
                </asp:CheckBoxList>
            </asp:View>
        </asp:MultiView>
        <p>
            <asp:TextBox ID="TextBoxUserName" runat="server" Visible="False"></asp:TextBox>
            <asp:TextBox ID="TextBoxUserID" runat="server" Visible="False"></asp:TextBox>
                    <asp:CheckBox ID="Ctr_Online" runat="server" Visible="False" />

        </p>
    </form>
</body>
</html>
